@import "global";
@import "flex";

* {
  margin: 0;
  padding: 0;
  border: 0;
  color: white;
  font-size: .24rem;
}

*:focus {
  outline: none;
}

.fc-blue {
  color: rgb(110, 181, 237);
}

.content {
  width: 100%;
  font-size: .32rem;
  padding: 0 0 .2rem 0;
  color: rgba(102, 102, 102, 1);
  line-height: .42rem;
  * {
    width: auto !important;
    font-size: .32rem !important;
    color: #666666 !important;
    line-height: .42rem !important;
  }
  &.large {
    * {
      width: auto !important;
      font-size: .42rem !important;
      color: #666666 !important;
      line-height: .52rem !important;
    }
  }
  &.larger {
    * {
      width: auto !important;
      font-size: .52rem !important;
      color: #666666 !important;
      line-height: .62rem !important;
    }
  }
  img {
    width: 100% !important;
    height: auto !important;
    margin: .1rem 0 !important;
    &:nth-last-child(1) {
      margin-bottom: 0 !important;
    }
  }
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  width: 200% !important;
  height: 200% !important;
  transform: scale(0.5) !important;
  transform-origin: 0 0 !important;
  overflow: scroll !important;
}

/**
 * html.single-screen
 */
@include single-screen('.single-screen');
/**
 * .lib-rect>div+div(实际容器)
 */
.lib-rect {
  @include rect(100%);
}

/**
 * .lib-scroll>div>div(实际容器)
 */
.lib-scroll {
  @include scroll(100%, 100%);
}

.lib-text {
  overflow: hidden;
  word-break: break-all;
}

.lib-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.lib-ellipsis-single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lib-full-width {
  width: 100%;
}

.lib-full-height {
  height: 100%;
}

.lib-full {
  width: 100%;
  height: 100%;
}

.lib-apart {
  width: .0000000001rem;
  height: .0000000001rem;
}

.status-bar-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 1.54rem;
  background: url("../img/status-bar-bg.png") center no-repeat;
  background-size: cover;
  z-index: 100;
}

.status-bar {
  display: block;
  height: .4rem;
  background: #ff0000;
}

.header {
  height: .88rem !important;
  background: rgba(250, 0, 0, 1);
  .back, .home {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.26rem;
  }
  .home {
    background: url("../img/ic_nav_home.png") center;
    background-size: contain;
  }
  .back {
    background: url("../img/ic_nav_back.png") center;
    background-size: contain;
  }
  .title {
    width: 3.64rem;
    height: 0.36rem;
    .icon:nth-child(1) {
      width: 0.32rem;
      height: 0.32rem;
      margin-right: .12rem;
      background: url("../img/ic_nav_position.png") center;
      background-size: contain;
    }
    .icon:nth-child(3) {
      width: 0.24rem;
      height: 0.24rem;
      margin-left: .12rem;
      background: url("../img/ic_nav_arrow_down.png") center;
      background-size: contain;
    }
    span {
      font-size: 0.36rem;
      color: rgba(255, 255, 255, 1);
      line-height: 0.36rem;
    }
  }
  .set {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.26rem;
    background: url("../img/ic_nav_more.png") center;
    background-size: contain;
  }
  .header_block_left {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.26rem;
  }
  .header_block_right {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.26rem;
  }
}

.main-bg {
  background: rgba(243, 243, 243, 1);
}

.footer {
  height: .98rem;
  background: rgba(255, 255, 255, 1);
  border-top: .02rem solid lightgrey;
  .icon {
    width: 0.48rem;
    height: 0.48rem;
    margin-bottom: .08rem;
    &.adapter {
      width: 1.1rem;
      height: .72rem;
    }
  }
  .times {
    & > .icon {
      background: url("../img/ic_tabbar_kanshishi_unselected.png") center;
      background-size: contain;
    }
    &.active > .icon {
      background: url("../img/ic_tabbar_kanshishi_selected.png") center;
      background-size: contain;
    }
  }
  .policies {
    & > .icon {
      background: url("../img/ic_tabbar_duzhengce_unselected.png") center;
      background-size: contain;
    }
    &.active > .icon {
      background: url("../img/ic_tabbar_duzhengce_selected.png") center;
      background-size: contain;
    }
  }
  .videos {
    & > .icon {
      background: url("../img/ic_tabbar_xuegonglue_unselected.png") center;
      background-size: contain;
    }
    &.active > .icon {
      background: url("../img/ic_tabbar_xuegonglue_selected.png") center;
      background-size: contain;
    }
  }
  .my {
    & > .icon {
      background: url("../img/ic_tabbar_my_unselected.png") center;
      background-size: contain;
    }
    &.active > .icon {
      background: url("../img/ic_tabbar_my_selected.png") center;
      background-size: contain;
    }
  }
  .home > .icon {
    width: 1.26rem;
    height: .88rem;
    background: url("../img/ic_tabbar_cloud.png") center;
    background-size: contain;
  }
  span {
    height: .24rem;
    font-size: .24rem;
    color: rgba(153, 153, 153, 1);
    line-height: .24rem;
  }
  .active span {
    color: RGBA(250, 48, 45, 1);
  }
}

.up, .down {
  display: none;
  width: 100% !important;
  font-size: .24rem !important;
  color: #222222 !important;
  list-style: none !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: hidden;
}

.ios-back {
  display: none;
}